import 'package:flutter/material.dart';

/*
这是回答区域的控件
顶层是一个material材质，下面是带点击事件的包含了文本容器的inkwell。
点击后获取对应的答案：真或假
*/
class AnswerArea extends StatelessWidget {
  AnswerArea(this._answer,this._onTap);

  final bool _answer;
  final VoidCallback _onTap;
  @override
  Widget build(BuildContext context) {
    return new Material(
      //根据需要响应的答案进行颜色区分，真的答案区域是蓝色，假的答案区域是红色
      color: _answer ? Colors.indigoAccent[100] : Colors.redAccent[100],
      child: new InkWell(
        onTap: _onTap,
        child: new Container(
          alignment: Alignment.center,
          child: new Container(
            padding: const EdgeInsets.all(20.0),
            decoration: new BoxDecoration(
                border: new Border.all(color: Colors.white, width: 3.0)),
            child: new Text(
              _answer ? 'TRUE' : 'FALSE',
              style: new TextStyle(
                  fontSize: 25.0,
                  fontWeight: FontWeight.bold,
                  color: Colors.white,
                  fontStyle: FontStyle.italic),
            ),
          ),
        ),
      ),
    );
  }
}
